<%-- 
    Document   : index
    Created on : Sep 10, 2011, 10:07:08 PM
    Author     : Lavani
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Home</title>

        <style>
            h2 {color:white; font-family:"Times New Roman";}
            td {color:"#003471"; font-family:"Times New Roman";}
        </style>
        <script src = "validlogin.js" language = "javascript"></script>
        <link rel="stylesheet" href='slideshow1.css' type="text/css" />
        <link rel="stylesheet" href='style.css' type="text/css" />
        <script type="text/javascript" src="xfade2.js"></script>
        <link href="calendar.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="calendar.js"></script>
        <script>
            function validate()
            {
                var status = false;     
                if (document.form2.Source.value == document.form2.Destination.value)
                {
                    alert("Source and Destination Cities Cannot Be Same.");
                    document.form2.Destination.focus();
                    return false;
                }
                return true;
            }
        </script>
    </head>
    <body >
        <table width="974" border="0" style="position:relative; top:-17px; margin-left:auto; margin-right:auto;" cellspacing="10">
            <tr>
                <td background="images/bgg.jpg" height="130px" width="90px" colspan="2" align="center">
                </td>
            </tr>
            
            <tr>
                <td align="center" colspan="2"> 
                    <div id="navigation">
                        <ul>
                            <li><a href="index.jsp">Home</a></li>
                            <li><a href="Login.jsp">Sign In</a></li>
                            <li><a href="Registration.jsp">Sign Up</a></li>
                            <li><a href="ContactUs.jsp">Contact Us</a></li>
                        </ul>
                    </div>    
                </td>
            </tr>

            <tr>
                <td>
                    <div id="rotator" >
                        <img src="images/1.gif" alt="1" />
                        <img src="images/2.gif" alt="2" />
                        <img src="images/3.gif" alt="3" />
                        <img src="images/4.gif" alt="4" />
                        <img src="images/5.gif" alt="5" />
                    </div>
                </td>
                <td>
                    <form name="form2" action="Availability.jsp" method="POST" onSubmit="return isValid2(this)">
                        <input type="hidden" name="action" value="check">
                        <input type="hidden" name="hide" value="">
                        <table align="center" border="0">
                            <tr>
                                <th colspan="2" bgcolor="#99cc33">
                                    <font style="font-size: 150%; text-align: center;">Book Your Tickets</font>
                                </th>
                            </tr>
                            <tr>
                                <td bgcolor="#ffcc66">Source City:</td>
                                <td bgcolor="#ffcc66">
                                    <select name="Source">
                                        <option>BANGALORE</option>
                                        <option>DELHI</option>
                                        <option>HYDERABAD</option>
                                        <option>MUMBAI</option>
                                        <option>PUNE</option>
                                    </select></td>
                            </tr>
                            <tr bgcolor="#ffcc66">
                                <td bgcolor="#ffcc66">Destination City:</td>
                                <td bgcolor="#ffcc66"><select name="Destination">
                                        <option>BANGALORE</option>
                                        <option>DELHI</option>
                                        <option>HYDERABAD</option>
                                        <option>MUMBAI</option>
                                        <option>PUNE</option>
                                    </select>
                                </td>
                            </tr>
                            
                            <tr>
                                <td bgcolor="#ffcc66">Departure Date:
                                </td>
                                <td bgcolor="#ffcc66">
                                    <form>
                                        <input type="text" name="datum1" required readonly="readonly">
                                        <a href="#" onClick="setYears(2012,2012); showCalender(this, 'datum1');">
                                            <img src="images/calender.png" width="20"></a>
                                    </form>
                                    <table id="calenderTable">
                                        <tbody id="calenderTableHead">
                                            <tr>
                                                <td colspan="4" align="center">
                                                    <select onChange="showCalenderBody(createCalender(document.getElementById('selectYear').value,this.selectedIndex, false));" id="selectMonth">
                                                        <option value="1">Jan</option>
                                                        <option value="2">Feb</option>
                                                        <option value="3">Mar</option>
                                                        <option value="4">Apr</option>
                                                        <option value="5">May</option>
                                                        <option value="6">Jun</option>
                                                        <option value="7">Jul</option>
                                                        <option value="8">Aug</option>
                                                        <option value="9">Sep</option>
                                                        <option value="10">Oct</option>
                                                        <option value="11">Nov</option>
                                                        <option value="12">Dec</option>
                                                    </select>
                                                </td>
                                                <td colspan="2" align="center">
                                                    <select onChange="showCalenderBody(createCalender(this.value,
                                                        document.getElementById('selectMonth').selectedIndex, false));" id="selectYear">
                                                    </select>
                                                </td>
                                                <td align="center">
                                                    <a href="#" onClick="closeCalender();" style="text-decoration: none;"><font face="arial" color="#FF0000" size="+1">X</font></a>
                                                </td>
                                            </tr>
                                        </tbody>
                                        <tbody id="calenderTableDays">
                                            <tr style="">
                                                <td>Sun</td><td>Mon</td><td>Tue</td><td>Wed</td><td>Thu</td><td>Fri</td><td>Sat</td>
                                            </tr>
                                        </tbody>
                                        <tbody id="calender"></tbody>
                                    </table>
                                </td>

                            </tr>

                            <tr><th colspan="2">
                                    <br> <br><input type="submit" value="Get Flights" name="go" onclick="validate();" />
                                </th>
                            </tr>
                        </table>
                    </form>
                </td>
        </table>

    </body>
</html>


